<template>
	<view>
		<view class="bg-gray">
			<view class="bg-green">
				<tar title='房屋详情'></tar>
				<view class="width bg-white commonbg">
					<view class="font15 flex-row-start font500">
						岭尚小区
					</view>
					<view class="iteminfo flex-row-start color9">
						业主
						<view class="color3 rightfont">张三</view>
					</view>
					<view class="iteminfo flex-row-start color9">
						电话
						<view class="color3 rightfont">137186358412</view>
					</view>
					<view class="iteminfo flex-row-start color9">
						状态
						<view class="color3 rightfont">闲置</view>
					</view>
				</view>
			</view>
			
			<view class="width bg-white commonbg">
				<view class="font15 flex-row-start font500">
					<view class="line"></view>托管信息
				</view>
				<view class="iteminfo flex-row-start color9">
					申请时间
					<view class="color3 rightfont">2024-08-08 12:30</view>
				</view>
				<view class="iteminfo flex-row-start color9">
					托管周期
					<view class="color3 rightfont">2024-08-08 12:30</view>
				</view>
				<view class="iteminfo color9">
					说明
					<view class="color3 lineheight25 shuoming">
						岭尚一单元1504，于2025年购买。精装修，高楼层，水电气均通
					</view>
				</view>
			</view>
		</view>
		<view class="width apply">
			<u-button type="primary" shape='circle' @click="cancel">取消托管</u-button>
		</view>
	</view>
</template>

<script>
import storage from "@/utils/storage.js"; //缓存
import tar from "@/components/huashuiwan/tar.vue";
export default {
	data() {
		return {
			showBack:true,
		};
	},
	components:{
		tar
	},
	/**
	 * 页面加载
	 */
	onLoad(options) {
		
	},
	/**
	 * 页面显示
	 */
	onShow() {
		
	},
	/**
	 * 触底事件
	 */
	onReachBottom() {
		
	},
	/**
	 * 下拉刷新
	 */
	onPullDownRefresh() {
		
	},
	/**
	 * 页面滚动
	 * @param {Object} e
	 */
	onPageScroll(e) {
		
	},
	mounted() {
		
	},
	methods: {
		leftClick(){
			// 返回上一页
			uni.navigateBack({
			    delta: 1 // 默认值是1，表示返回的页面层数
			});
		},
		jump(res){
			uni.navigateTo({
				url: res
			});
		},
		cancel(){
			uni.showToast({
				title: "取消成功！",
				icon: "none",
				duration: 1500,
			});
			setTimeout(()=>{
				uni.switchTab({
					url:'/pages/tabbar/user/my'
				})
			},2000)
		}
	}
};
</script>

<style scoped lang="scss">
	.apply{
		position: fixed;
		bottom: 30px;
		width: 95%;
		left: 2.5%;
	}
	.iconchhli{
		margin-right: 8px;
	}
	.commonbg{
		padding: 12px 20px;
		border-radius: 12px;
		margin-top: 14px;
		.line{
			width: 4px;
			height: 16px;
			background-color: #499C43;
			margin-right: 5px;
		}
		.rightfont{
			padding-left: 10px;
		}
		.iteminfo{
			margin-top: 15px;
		}
		.fontbottom{
			line-height: 24px;
			margin-top: 8px;
		}
	}
	.bg-green{
		background: linear-gradient( 180deg, rgba(174,239,139,0.56) 0%, rgba(174,239,139,0) 100%);
		margin-bottom: 30px;
	}
	.shuoming{
		margin-top: 6px;
	}
</style>